<template>
  <div>
    <theHead></theHead>
    <theAside></theAside>
    <div  :class="!collapse ? 'content-box' : 'content-collapse'">
      <router-view ></router-view>
    </div>

  </div>
</template>

<script>
  import theAside from './theAside.vue';
  import theHead from './theHead.vue';
  import bus from "../assets/js/bus.js"
  export default {
    name: 'home',
    components: {
      theAside,
      theHead
    },
    data(){
      return{
        collapse: false
      }
    },
    created(){
      bus.$on('collapse',(msg)=>{
        this.collapse=msg;
      });
    }
  }
</script>
<style>

</style>
